<template>
  <div class="container">
    <van-button type="default">默认按钮</van-button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger" @click="btn">危险按钮</van-button>
  </div>
</template>

<script>
import { Button } from 'vant'
export default {
  name: 'HelloWorld',
  components: {
    VanButton: Button
  },
  props: {
    msg: String,
    num: Array
  },
  methods: {
    btn () {
      let a = this.msg
      console.log(a)
      alert(this.msg)
      console.log(this.num)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="less" scoped>
</style>
